<template>
	<view class="divider flex align-center justify-center">
	 <text class="margin-lr-sm text-sm text-gray">{{text}}</text>
	</view>
</template>

<script>
	export default{
		props:{
			text:{type:String,default:'文本'}
		}
	}
</script>

<style lang="scss">
	.divider{
		min-height: 100upx;
		&::before,&::after{
			content: '';
			display: block;
			height: 2upx;
			width: 80upx;
			background-color: #aaa;
		}
	}
</style>